<style>
    .wizard-nav {
        background: #f2f2f2;
        padding: 15px 0 13px;
        border-bottom: 1px solid #eee;
        margin-top: -15px;
    }
    ul, ol, ul li, ol li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .wizard-nav li {
        display: inline-block;
        width: 24%;
        text-align: center;
    }
    .wizard-nav li span {
        position: relative;
        display: block;
        margin: 3px auto;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 27px;
        border-radius: 50%;
        background: #777;
        border: 4px solid #e2e2e2;
        color: #fff;
    }
    .wizard-nav li span hr {
        position: absolute;
        top: -11px;
        left: 28px;
        width: 188px;
        height: 8px;
        background: #e2e2e2;
        border: 0 none;
    }
    .wizard-nav li.current span {
        background-color: #386d39;
    }
    .steps{
        padding-top: 15px;
        width: 2710px;
        position: relative;
        left: 0px;
    }
    .steps>.step{
        display: inline-block;
        width: 900px;
        vertical-align: top;
    }
    .btn-prev {
          background: #3b3f4e;
          float: left;
    }
    .btn-next {
        background: #3b3f4e;
        float: right;
    }
    .modal-footer {
        margin-bottom: -2px;
    }
</style>

<div class="modal-dialog modal-lg ">
    <div class="modal-content" id="modal-content-tpls">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <div class="modal-title" id="myModalLabel">
                客户信息注册
            </div>
        </div>
        <div class="modal-body">
            <ol class="wizard-nav">
                <li class="current step1">
                    客户基本信息
                    <span><hr>1
                    </span>
                </li>
                <li class="step2">
                    绑定账户信息
                    <span>
                        <hr>2
                    </span>
                </li>
                <li class="step3">
                    注册商户信息
                    <span>
                        3
                    </span>
                </li>
            </ol>
            <div class="steps">
                <div id="step1" class="step">
                    <form id="validForm1" method="post" action="#" class="form-horizontal layer_msg">
                        <div class="col-sm-12">
                            <label class="col-sm-2 control-label">证件类型1</label>
                            <div class="form-group  col-sm-4">
                                <select class="form-control" data-field="CartType" id="CertifiType" name="CertifiType" required>
                                    <!--动态加载-->
                                </select>
                            </div>
                            <label class="col-sm-2 control-label">证件号码</label>
                            <div class="form-group  col-sm-4">
                                <input type="text" class="form-control" data-field="CartId" id="CertifiNo" name="CertifiNo" required/>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <label class="col-sm-2 control-label">客户姓名</label>
                            <div class="form-group col-sm-4">
                                <input type="text" class="form-control" data-field="UseName" id="UseName" name="UseName" required />
                            </div>
                            <label class="col-sm-2 control-label">联系电话</label>
                            <div class="form-group  col-sm-4">
                                <input type="text" class="form-control" data-field="Phone" id="Phone" name="Phone" placeholder="手机/座机号码"  required />
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <label class="col-sm-2 control-label">联系地址</label>
                            <div class="form-group  col-sm-10">
                                <input type="text" class="form-control" data-field="InstallAddr" id="Address" name="Address" required/>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <label class="col-sm-2 control-label">用户类型</label>
                            <div class="form-group  col-sm-4">
                                <select class="form-control" data-field="UserType" id="UserType" name="UserType" required>
                                    <!--动态加载-->
                                </select>
                            </div>
                        </div>
                        <div class="modal-footer" style="clear: both">
                            <button id="modal-btn-next1" type="submit" class="btn btn-primary btn-next">下一步</button>
                        </div>
                    </form>
                </div>
                <div id="step2" class="step">
                    <form id="validForm2" method="post" action="#" class="form-horizontal layer_msg">
                        <div class="col-sm-12" style="margin-bottom: 147px">
                            <label class="col-sm-2 control-label">绑定账号</label>
                            <div class="form-group col-sm-4">
                                <input type="text" class="form-control" id="CartNo" name="CartNo" required />
                            </div>
                        </div>
                        <div class="modal-footer" style="clear: both">
                            <button id="modal-btn-prev0" type="button" class="btn btn-primary btn-prev">上一步</button> <button id="modal-btn-next2" type="submit" class="btn btn-primary btn-next">下一步</button>
                        </div>
                    </form>
                </div>
                <div id="step3" class="step">
                    <form id="validForm3" method="post" action="#" class="form-horizontal layer_msg">

                        <div class="col-sm-12">
                            <label class="col-sm-2 control-label">商户名称</label>
                            <div class="form-group  col-sm-4">
                                <input type="text" class="form-control" id="MerchantName" name="MerchantName" required/>
                            </div>
                            <label class="col-sm-2 control-label">商户号</label>
                            <div class="form-group  col-sm-4">
                                <input type="text" class="form-control" id="MerchantId" name="MerchantId" required/>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <label class="col-sm-2 control-label">工商注册号</label>
                            <div class="form-group col-sm-4">
                                <input type="text" class="form-control" id="BusergNo" name="BusergNo" required />
                            </div>
                            <label class="col-sm-2 control-label">税务登记号</label>
                            <div class="form-group  col-sm-4">
                                <input type="text" class="form-control" id="TaxergNo" name="TaxergNo"  required />
                            </div>
                        </div>
                        <div class="col-sm-12" style="margin-bottom: 48px">
                            <label class="col-sm-2 control-label">默认收单卡</label>
                            <div class="form-group  col-sm-4">
                                <select class="form-control" id="CartNo1" name="CartNo1" required>
                                    <option value="">请选择</option>
                                    <option value="0987654321">0987654321</option>
                                </select>
                            </div>
                        </div>
                        <div class="modal-footer" style="clear: both">
                            <button id="modal-btn-prev1" type="button" class="btn btn-primary btn-prev">上一步</button>
                            <button id="modal-btn-finish" type="submit" class="btn btn-primary btn-finish">完成</button>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
